﻿<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
 <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <title>Quienes somos</title>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/ie-fixes.js"></script>
    <script type="text/javascript" src="js/_excanvas.compiled.js"></script>
    <link rel="stylesheet" href="css/ie-fixes.css">
    <![endif]-->
    <meta name="description" content="Zeina HTML5 Theme">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--- This should placed first off all other scripts -->


    <link rel="stylesheet" href="css/font-awesome-ie7.css">
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/revolution_settings.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/eislider.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/tipsy.css">
    <link rel="stylesheet" href="css/prettyPhoto.css">
    <link rel="stylesheet" href="css/isotop_animation.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/flexslider.css">


    <!-- remprod -->
    <link rel="stylesheet" href="css/_colorpicker.css">
    <!-- end remprod -->
    <link href='css/style.css' rel='stylesheet' type='text/css'>
    <link href='css/responsive.css' rel='stylesheet' type='text/css'>
    <link href="css/skins/flat-blue.css" rel='stylesheet' type='text/css' id="skin-file">
    <!-- remprod -->
    <style type="text/css" id="skin-chooser-css">
    </style>
    <!-- end remprod -->
    <!--<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>-->
    <!-- Fonts -->
    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>-->
    <!--[if lt IE 9]>
            <script type="text/javascript" src="js/respond.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/color-chooser.css">
</head>
<body>

    <div id="wrapper">
        <div class="top_wrapper">
            <!-- Header -->
            <header id="header">
                <div class="container">
                    <div class="row header">
                        <!-- Logo -->
                        <div class="col-md-2 col-sm-4 col-xs-4 logo">
                            <a href="index.html">
                                <img src="images/logo.png" alt="Zeina HTML5 Theme" />
                            </a>
                        </div>
                        <!-- //Logo// -->
                        <!-- Navigation File -->
                        <div class="col-md-10">
                            <!-- Mobile Button Menu -->
                            <div class="mobile-menu-button">
                                <i class="icon-reorder"></i>
                            </div>
                            <!-- //Mobile Button Menu// -->


                            <nav>
                                <ul class="navigation">
                                    <li>
                                        <a href="index.html">
                                            <span class="label-nav">
                                                &nbsp;&nbsp;Home
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="QuienesSomos.html">
                                            <span class="label-nav">
                                                Quienes somos
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="about-us.html"> About </a>
                                            </li>
                                            <li>
                                                <a href="services.html"> Services</a>
                                            </li>
                                            <li>
                                                <a href="team.html"> Our Team </a>
                                            </li>
                                            <li>
                                                <a href="sidebar-navigation.html"> Sidebar Navigation </a>
                                            </li>
                                            <li>
                                                <a href="faq.html"> FAQ </a>
                                            </li>
                                            <li>
                                                <a href="404.html"> 404 </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog.html">
                                            <span class="label-nav">
                                                Blog
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="blog.html">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-masonry.html">Blog Masonry</a>
                                            </li>
                                            <li>
                                                <a href="blog-single.html">Blog Single</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="portfolio-two-columns.html">
                                            <span class="label-nav">
                                                Portfolio
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="portfolio-two-columns.html">2 Column</a>
                                            </li>
                                            <li>
                                                <a href="portfolio-three-columns.html">3 Column</a>
                                            </li>
                                            <li>
                                                <a href="portfolio-four-columns.html">4 Column</a>
                                            </li>
                                            <li>
                                                <a href="portfolio-single.html">Single</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="elements.html">
                                            <span class="label-nav">
                                                Shortcodes
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="accordions.html">Accordions & Toggles</a>
                                            </li>
                                            <li>
                                                <a href="columns.html">Columns</a>
                                            </li>
                                            <li>
                                                <a href="elements.html">Elements</a>
                                            </li>
                                            <li>
                                                <a href="icon-boxes.html">Icon Boxes</a>
                                            </li>
                                            <li>
                                                <a href="flat-icons.html">Flat Icons</a>
                                            </li>
                                            <li>
                                                <a href="icons.html">Icons</a>
                                            </li>
                                            <li>
                                                <a href="price-tables.html">Pricing Tables</a>
                                            </li>
                                            <li>
                                                <a href="tabs.html">Tabs</a>
                                            </li>
                                            <li>
                                                <a href="testimonials.html">Testimonials</a>
                                            </li>
                                            <li>
                                                <a href="typography.html">Typography</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contact2.html">
                                            <span class="label-nav">
                                                Contact Us
                                            </span>
                                        </a>
                                        <ul>
                                            <li>
                                                <a href="contact.html">Contact Page 1</a>
                                            </li>
                                            <li>
                                                <a href="contact2.html">Contact Page 2</a>
                                            </li>
                                            <li>
                                                <a href="contact3.html">Contact Page 3</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                            <!-- Mobile Nav. Container -->
                            <ul class="mobile-nav">
                                <li class="responsive-searchbox">
                                    <!-- Responsive Nave -->
                                    <form action="#" method="get">
                                        <input type="text" class="searchbox-inputtext" id="searchbox-inputtext-mobile" name="s" />
                                        <button class="icon-search"></button>
                                    </form>
                                    <!-- //Responsive Nave// -->
                                </li>
                            </ul>
                            <!-- //Mobile Nav. Container// -->
                        </div>
                        <!-- Nav -->
                    </div>

                </div>
            </header>
            <!-- //Header// -->
            <div class="rev-slider-full">
                <div class="rev-slider-banner-full  rev-slider-full">
                    <ul>

                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                            <img src="media/rev-images/slider2/slider-bg.jpg" alt="rev-full1" data-fullwidthcentering="on">

                            <div class="tp-caption sfr stb stl"
                                 data-x="625"
                                 data-y="56"
                                 data-speed="1500"
                                 data-start="1000"
                                 data-easing="easeOutExpo" data-end="6200" data-endspeed="500"><img src="media/rev-images/slider2/slide-webcase-right.png" alt="Image 1"></div>

                            <div class="tp-caption sfl stb stl"
                                 data-x="188"
                                 data-y="70"
                                 data-speed="1500"
                                 data-start="1600"
                                 data-easing="easeOutExpo" data-end="6400" data-endspeed="500"><img src="media/rev-images/slider2/slide-webcase-left.png" alt="Image 2"></div>
                            <div class="tp-caption lft stb stl"
                                 data-x="331"
                                 data-y="15"
                                 data-speed="1500"
                                 data-start="200"
                                 data-easing="easeOutExpo" data-end="6000" data-endspeed="500"><img src="media/rev-images/slider2/slide-webcase-center.png" alt="Image 3"></div>

                            <div class="tp-caption very_large_text2 sft str"
                                 data-x="120"
                                 data-y="115"
                                 data-speed="300"
                                 data-start="1800"
                                 data-easing="easeOutCubic" data-end="5800" data-endspeed="500"><img src="media/rev-images/slider2/arrow-left-up-corner.png" alt="arrow"></div>
                            <div class="tp-caption main_color_text sfl str "
                                 data-x="0"
                                 data-y="40"
                                 data-speed="200"
                                 data-start="2000"
                                 data-easing="easeOutCubic" data-end="5600" data-endspeed="500"><img src="media/rev-images/slider2/text-up-left-corner.png" alt="text"></div>
                            <div class="tp-caption sfl str "
                                 data-x="824"
                                 data-y="326"
                                 data-speed="200"
                                 data-start="3000"
                                 data-easing="" data-end="5200" data-endspeed="500"><img src="media/rev-images/slider2/arrow-right-bottom-corner.png" alt="arrow"></div>
                            <div class="tp-caption sfl str "
                                 data-x="958"
                                 data-y="383"
                                 data-speed="200"
                                 data-start="3200"
                                 data-easing="" data-end="5400" data-endspeed="500"><img src="media/rev-images/slider2/text-bottom-right-corner.png" alt="text"></div>

                        </li>
                        <li data-transition="fade" data-slotamount="7" data-masterspeed="300">
                            <img src="media/rev-images/slider2/slider-bg.jpg" alt="rev-full1" data-fullwidthcentering="on">

                            <div class="tp-caption fade stb stl"
                                 data-x="142"
                                 data-y="120"
                                 data-speed="1500"
                                 data-start="1000"
                                 data-easing="easeOutExpo" data-end="6200" data-endspeed="500"><img src="media/rev-images/slider2/left-ipad.png" alt="Image 1"></div>

                            <div class="tp-caption fade stb stl"
                                 data-x="630"
                                 data-y="120"
                                 data-speed="1500"
                                 data-start="1600"
                                 data-easing="easeOutExpo" data-end="6400" data-endspeed="500"><img src="media/rev-images/slider2/right-ipad.png" alt="Image 2"></div>
                            <div class="tp-caption lfb stb stl"
                                 data-x="163"
                                 data-y="64"
                                 data-speed="1500"
                                 data-start="200"
                                 data-easing="easeOutExpo" data-end="6000" data-endspeed="500"><img src="media/rev-images/slider2/ipad-center.png" alt="Image 3"></div>


                        </li>

                    </ul>
                    <div class="tp-bannertimer tp-bottom"></div>
                </div>
            </div>
        </div><!--.top wrapper end -->

        <div class="loading-container">
            <div class="loading">
                <i></i><i></i>
            </div>
            <div class="loading-fallback">
                <img src="images/loading.gif" alt="Loading" />
            </div>
            <div class="loading-text">
                loading..
            </div>
        </div>


        <div class="content-wrapper hide-until-loading">
            <div class="body-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="center-title">
                                <div class="heading-title">
                                    <h2 class="h2-section-title">We are zeina</h2>
                                </div>
                                <p>
                                    Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,
                                    nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.
                                    Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="space-sep40"></div>
                <div class="container">
                    <div class="row">

                        <div class="col-md-3 col-sm-3">
                            <div class="content-box content-style2">
                                <h4 class="h4-body-title animated" data-animtype="bounceIn" data-animrepeat="0"
                                    data-animdelay="0s">
                                    <i class="icon-flat diamond"></i>
                                    Attractiveness
                                </h4>
                                <div class="content-box-text animated" data-animtype="fadeInDown" data-animrepeat="0"
                                     data-animdelay="0s">
                                    Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                    ligula. Nunc commodo lacinia eros ac condimentum
                                    <a href="#" class="read-more">
                                        <span>read more</span>
                                        <i class="icon-chevron-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="content-box content-style2">
                                <h4 class="h4-body-title animated" data-animtype="bounceIn" data-animrepeat="0"
                                    data-animdelay="0.2s">
                                    <i class="icon-flat crown"></i>
                                    Quality
                                </h4>
                                <div class="content-box-text animated" data-animtype="fadeInDown" data-animrepeat="0"
                                     data-animdelay="0.2s">
                                    Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                    ligula. Nunc commodo lacinia eros ac condimentum
                                    <a href="#" class="read-more">
                                        <span>read more</span>
                                        <i class="icon-chevron-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="content-box content-style2">
                                <h4 class="h4-body-title animated" data-animtype="bounceIn" data-animrepeat="0"
                                    data-animdelay="0.4s">
                                    <i class="icon-flat settings"></i>
                                    flexibility
                                </h4>
                                <div class="content-box-text animated" data-animtype="fadeInDown" data-animrepeat="0"
                                     data-animdelay="0.4s">
                                    Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                    ligula. Nunc commodo lacinia eros ac condimentum
                                    <a href="#" class="read-more">
                                        <span>read more</span>
                                        <i class="icon-chevron-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="content-box content-style2">
                                <h4 class="h4-body-title animated" data-animtype="bounceIn" data-animrepeat="0"
                                    data-animdelay="0.6s">
                                    <i class="icon-flat responsive"></i>
                                    Responsive
                                </h4>
                                <div class="content-box-text animated" data-animtype="fadeInDown" data-animrepeat="0"
                                     data-animdelay="0.6s">
                                    Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                    ligula. Nunc commodo lacinia eros ac condimentum
                                    <a href="#" class="read-more">
                                        <span>read more</span>
                                        <i class="icon-chevron-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="space-sep60"></div>
                <div class="section-content section-alter">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <img src="media/ipad-iphone2.png" alt="iPad" class="img-responsive" />
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="left-title">
                                    <div class="heading-title">
                                        <h2 class="h2-section-title">Why we are so special</h2>
                                    </div>
                                    <p>
                                        Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
                                    </p>
                                    <ul class="icon-content-list-container">

                                        <li class="icon-content-single">
                                            <div class="content-box  style5  purple animated "
                                                 data-animtype="fadeIn"
                                                 data-animrepeat="0"
                                                 data-animspeed="1s"
                                                 data-animdelay="0.2s">
                                                <h4 class="h4-body-title">
                                                    <strong>Well </strong> Documented

                                                    <i class="icon-file-text"></i>
                                                </h4>
                                                <div class="content-box-text">
                                                    <p>
                                                        Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                                        ligula. Nunc commodo lacinia eros ac condimentum
                                                    </p>
                                                </div>
                                            </div>
                                        </li>

                                        <li class="icon-content-single">
                                            <div class="content-box  style5  red animated "
                                                 data-animtype="fadeIn"
                                                 data-animrepeat="0"
                                                 data-animspeed="1s"
                                                 data-animdelay="0.2s">
                                                <h4 class="h4-body-title">
                                                    <strong>Responsive </strong> Design

                                                    <i class="icon-tablet"></i>
                                                </h4>
                                                <div class="content-box-text">
                                                    <p>
                                                        Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                                        ligula. Nunc commodo lacinia eros ac condimentum
                                                    </p>
                                                </div>
                                            </div>
                                        </li>

                                        <li class="icon-content-single">
                                            <div class="content-box  style5  green animated "
                                                 data-animtype="fadeIn"
                                                 data-animrepeat="0"
                                                 data-animspeed="1s"
                                                 data-animdelay="0.2s">
                                                <h4 class="h4-body-title">
                                                    <strong>Unlimited </strong> Skins

                                                    <i class="icon-magic"></i>
                                                </h4>
                                                <div class="content-box-text">
                                                    <p>
                                                        Cras sem erat, aliquet in egestas cursus, ullamcorper vitae
                                                        ligula. Nunc commodo lacinia eros ac condimentum
                                                    </p>
                                                </div>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="space-sep60"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-4">
                            <div class="chart-box">
                                <div class="chart" data-percent="0" data-update-percent="73" data-color="#3498db" data-track-color="#f7f7f7" data-line-width="8"><div class="chart-value">73%</div></div>
                                <div class="chart-content">
                                    <h4>Usability</h4>
                                    <p>
                                        Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="chart-box">
                                <div class="chart" data-percent="0" data-update-percent="85" data-color="#3498db" data-track-color="#f7f7f7" data-line-width="8"><div class="chart-value">85%</div></div>
                                <div class="chart-content">
                                    <h4>Information Architecture</h4>
                                    <p>
                                        Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="chart-box">
                                <div class="chart" data-percent="0" data-update-percent="90" data-color="#3498db" data-track-color="#f7f7f7" data-line-width="8"><div class="chart-value">90%</div></div>
                                <div class="chart-content">
                                    <h4>Content Strategy</h4>
                                    <p>
                                        Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="space-sep60"></div>
                <div class="section-content section-content-video">
                    <video preload="true" autoplay loop muted>
                        <source src="videos/video-cta.webm" type="video/webm">
                        <source src="videos/video-cta.mp4" type="video/mp4">
                        <source src="videos/video-cta.ogv" type="video/ogg">
                    </video>
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12 col-sm-12">
                                <div class="section-cta white-text">
                                    <h2>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris</h2>
                                    <a href="#" class="btn btn-large btn-primary outlined">Call To Action</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="space-sep60"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <div class="center-title">
                                <div class="heading-title">
                                    <h2 class="h2-section-title">Meet Our Team</h2>
                                </div>
                                <p>
                                    Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum,
                                    nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.
                                    Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non  mauris vitae erat consequat auctor eu in elit. Class aptent taciti
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="row animated" data-animtype="fadeInUp" data-animrepeat="0"
                         data-animdelay="0.4s">
                        <div class="col-md-3 col-sm-3">
                            <div class="team-member">
                                <div class="team-member-image">
                                    <img src="media/team1.jpg" alt="John Doe" />
                                    <div class="team-member-overlay">
                                        <div class="social-icons item_img_overlay_content">
                                            <a href="#" title="facebook" target="_blank" class="social-media-icon facebook-icon">facebook</a>
                                            <a href="#" title="vimeo" target="_blank" class="social-media-icon vimeo-icon">vimeo</a>
                                            <a href="#" title="forrst" target="_blank" class="social-media-icon forrst-icon">forrst</a>

                                        </div>
                                    </div>
                                </div>
                                <div class="team-member-content">
                                    <h3 class="team-member-name h3-body-title">
                                        John Doe
                                    </h3>
                                    <div class="team-member-position">
                                        CEO
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="team-member">
                                <div class="team-member-image">
                                    <img src="media/team5.jpg" alt="Joe Shmoe" />
                                    <div class="team-member-overlay">
                                        <div class="social-icons item_img_overlay_content">
                                            <a href="#" title="reddit" target="_blank" class="social-media-icon reddit-icon">reddit</a>
                                            <a href="#" title="facebook" target="_blank" class="social-media-icon facebook-icon">facebook</a>

                                        </div>
                                    </div>
                                </div>
                                <div class="team-member-content">
                                    <h3 class="team-member-name h3-body-title">
                                        Joe Shmoe
                                    </h3>
                                    <div class="team-member-position">
                                        Graphic Designer
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="team-member">
                                <div class="team-member-image">
                                    <img src="media/team2.jpg" alt="Fred Bloggs" />
                                    <div class="team-member-overlay">
                                        <div class="social-icons item_img_overlay_content">
                                            <a href="#" title="lastfm" target="_blank" class="social-media-icon lastfm-icon">lastfm</a>
                                            <a href="#" title="dribble" target="_blank" class="social-media-icon dribble-icon">dribble</a>

                                        </div>
                                    </div>
                                </div>
                                <div class="team-member-content">
                                    <h3 class="team-member-name h3-body-title">
                                        Fred Bloggs
                                    </h3>
                                    <div class="team-member-position">
                                        Web Developer
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="team-member">
                                <div class="team-member-image">
                                    <img src="media/team7.jpg" alt="Eric Lorman" />
                                    <div class="team-member-overlay">
                                        <div class="social-icons item_img_overlay_content">
                                            <a href="#" title="ember" target="_blank" class="social-media-icon ember-icon">ember</a>
                                            <a href="#" title="twitter" target="_blank" class="social-media-icon twitter-icon">twitter</a>

                                        </div>
                                    </div>
                                </div>
                                <div class="team-member-content">
                                    <h3 class="team-member-name h3-body-title">
                                        Eric Lorman
                                    </h3>
                                    <div class="team-member-position">
                                        Usability Expert
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section-content bottom-body section-color-bg section-twitter">
                <div class="container">
                    <div class="row animated" data-animtype="fadeInUp"
                         data-animrepeat="0"
                         data-speed="1s"
                         data-delay="0.5s">
                        <div class="col-md-12 col-sm-12">
                            <div class="section-twitter-title">
                                <i class="icon-angle-left" id="section-twitter-prev"></i>
                                <i class="icon-twitter"></i>
                                <i class="icon-angle-right" id="section-twitter-next"></i>
                            </div>
                            <div class="section-twitter-tweet">
                                <div class="tw-loading">Loading..</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div><!--.content-wrapper end -->
        <footer>
            <div class="footer">

                <div class="container">
                    <div class="footer-wrapper">
                        <div class="row">


                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-content">
                                    <div class="footer-content-logo">
                                        <img src="images/logo.png" alt="" />
                                    </div>
                                    <div class="footer-content-text">
                                        <p>
                                            Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget
                                            dolor.
                                        </p>
                                        <p>
                                            Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget
                                            dolor.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <!-- //Footer Col.// -->
                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-title">
                                    Recent Posts
                                </div>
                                <div class="footer-content">
                                    <div class="footer-posts">
                                        <ul class="posts-list">
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog1-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog2-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog3-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="posts-list-thumbnail">
                                                    <a href="#">
                                                        <img src="media/blog4-thumb.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="posts-list-content">
                                                    <a href="#" class="posts-list-title">Sidebar post example </a>
                                                    <span class="posts-list-meta">
                                                        July 30, 2013
                                                    </span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                            </div>
                            <!-- //Footer Col.// -->
                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-title">
                                    Get In Touch
                                </div>
                                <div class="footer-content">
                                    <ul class="contact-info">
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-map-marker"></i>Address
                                            </div>
                                            <div class="contact-details">38222 California, Los Angeles 22</div>
                                        </li>
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-phone"></i>phone
                                            </div>
                                            <div class="contact-details">123-345-6666</div>
                                        </li>
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-envelope"></i>eMail
                                            </div>
                                            <div class="contact-details"><a href="mailto:info@company.com">info@companyname.com</a></div>
                                        </li>
                                        <li>
                                            <div class="contact-title">
                                                <i class="icon-globe"></i>Website
                                            </div>
                                            <div class="contact-details"><a href="#">www.companyname.com</a></div>
                                        </li>

                                    </ul>
                                </div>
                            </div>
                            <!-- //Footer Col.// -->
                            <!-- Footer Col. -->
                            <div class="col-md-3 col-sm-3 footer-col">
                                <div class="footer-title">
                                    Photostream
                                </div>
                                <div class="footer-content">
                                    <div class="flickr_badge_wrapper">
                                        <!--<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=all_tag&amp;tag=Sky,scrappers" id="flicker-images"></script>-->
                                    </div>
                                    <!-- //Footer Col.// -->

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="copyright">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6 col-sm-6">
                                <div class="copyright-text">&copy; 2013 Zeina Theme | Theme Developed By <a href="http://www.activeaxon.com/" target="_blank">ActiveAxon</a></div>
                            </div>
                            <div class="col-md-6 col-sm-6">

                                <div class="social-icons">
                                    <ul>
                                        <li>
                                            <a href="#" title="facebook" target="_blank" class="social-media-icon facebook-icon">facebook</a>
                                        </li>
                                        <li>
                                            <a href="#" title="twitter" target="_blank" class="social-media-icon twitter-icon">twitter</a>
                                        </li>
                                        <li>
                                            <a href="#" title="googleplus" target="_blank" class="social-media-icon googleplus-icon">googleplus</a>
                                        </li>
                                        <li>
                                            <a href="#" title="pininterest" target="_blank" class="social-media-icon pininterest-icon">pininterest</a>
                                        </li>
                                        <li>
                                            <a href="#" title="dribble" target="_blank" class="social-media-icon dribble-icon">dribble</a>
                                        </li>

                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </footer>

    </div><!-- wrapper end -->
    <!-- remprod -->
    <script type="text/x-handlebars-template" id="css-skin">


        .navigation > li:hover > a,.navigation > li > a:hover,
        .navigation > li > .activelink,.navigation > li:hover > a > i, .navigation > li > a:hover >
        span.label-nav-sub::before, .navigation > li > a:focus > span.label-nav-sub::before{
        color:  {{skin_color}};
        }
        .mobile-menu-button, .mobile-nav, .slider-fixed-container{
        background-color:  {{skin_color}};
        }

        .navigation > li > a:after, .navigation>li>.activelink:after{
        background-color:  {{skin_color}};
        }
        .navigation>li:hover > a > span.label-nav-sub::before,.navigation>li:hover> a > span.label-nav-sub::before{
        color:  {{skin_color}};
        }


        /* Page Content Colors */
        .body-wrapper a:hover , .tab a:hover, accordion .title:hover, .top-body a:hover, .bottom-body
        a:hover,.content-box.content-style2 h4 i
        ,.accordion .active h4, .accordion .title:hover h4, .side-navigation .menu-item.current-menu-item a,
        .side-navigation .menu-item:hover a:after,
        .side-navigation .menu-item:hover a, a.tool-tip, .team-member .team-member-position, .team-member-progress
        .team-member-position, .item-img-overlay i
        ,ul.icon-content-list-container li.icon-content-single .icon-box i,.item-img-overlay .portfolio-zoom:hover,
        .navigation ul li:hover>a, .blog_post_quote:after,
        .item-img-overlay .portfolio-zoom, body .white-text .feature-details a:hover{
        color:  {{skin_color}};
        }
        ::selection
        {
        background-color: {{skin_color}};
        }
        ::-moz-selection
        {
        background-color: {{skin_color}};
        }
        .item-img-overlay .portfolio-zoom:hover, .tab a.active {
        color:  {{skin_color}} !important;
        }
        .callout-box{
        border-left-color:  {{skin_color}}
        }
        .feature .feature-content,.team-member .team-member-content{
        border-top-color:  {{skin_color}};
        }

        .team-member-progress-bar{
        background-color:  {{skin_color}};
        }
        .blog-masonry .blog_post_quote{
        border-top: 2px solid  {{skin_color}};
        }
        .tab a.active:after {
        background-color: {{skin_color}};
        border-color:  {{skin_color}};
        }
        .item-img-overlay{
        background-color:  {{skin_color_rgba}};
        }
        .item-img-overlay i:hover{
        background-color:  {{skin_color_rgba}};
        }
        body .section-content.section-image{
        background-color:  {{skin_color_rgba}};
        }



        .button, .body-wrapper input[type="submit"], .body-wrapper input[type="button"], .section-content.section-color-bg,.content-box.content-style4 h4 i
        ,button.button-main,.body-wrapper .tags a:hover,.callout-box.callout-box2, .blog-search .blog-search-button, .top-title-wrapper, .testimonial-big
        ,.content-style3:hover .content-style3-icon, .content-box.style5 h4 i, table.table thead tr, .price-table .price-label-badge, .price-table .price-table-header, .section-subscribe .subscribe-button.icon-envelope-alt{
        background-color: {{skin_color}};
        }


        .blog-post-icon,.comments-list .children .comment:before,.portfolio-filter li a.portfolio-selected,
        .portfolio-filter li a:hover, .dropcaps.dropcaps-color-style, .carousel-container .carousel-icon:hover{
        background-color:  {{skin_color}};
        }
        .comments-list .children .comment:after{
        border-color: transparent transparent transparent  {{skin_color}};;
        }

        .highlighted-text{
        background-color:  {{skin_color}};
        color: #ffffff;
        }
        .icons-list.colored-list li:before, .blog-post-date .day, .blog-post-date .month, strong.colored, span.colored
        ,.content-style3 .content-style3-icon{
        color:  {{skin_color}};
        }


        .pagination .prev, .pagination .next, .pagination a:hover, .pagination a.current, .price-table .price-label{
        color: {{skin_color}};
        }


        /* Footer Area Colors */

        .footer .copyright{
        border-color:  {{skin_color}};
        }

        .footer .copyright a:hover{
        color:  {{skin_color}};
        }
        .flickr_badge_wrapper .flickr_badge_image img:hover{
        border-color:  {{skin_color}};
        }
    </script>

    <script type="text/javascript"> var $default_skin = "light-blue";</script><div id="skin-chooser-container" class="skin-chooser-container hide-skin-chooser">
        <a href="#" target="_blank" class="skin-save" id="skin-save"><i class="icon-arrow-down"></i> DOWNLOAD NEW SKIN </a>
        <div class="skin-chooser">

            <div class="skin-chooser-label">
                Layout mode
            </div>
            <div class="skin-chooser-row skin-chooser-row-open">
                <select id="layout-mode">
                    <option value="">Wide</option>
                    <option value="boxed">Boxed</option>
                </select>
            </div>
            <div class="skin-chooser-label">
                Predefined Skins
            </div>
            <div class="skin-chooser-row skin-chooser-row-open">
                <div title="light-blue" class="predefined-skins light-blue" data-skinname="light-blue" style="background-color: #279FBB"></div>
                <div title="green" class="predefined-skins green" data-skinname="green" style="background-color: #26ae91"></div>
                <div title="red" class="predefined-skins red" data-skinname="red" style="background-color: #d14836"></div>
                <div title="pink" class="predefined-skins pink" data-skinname="pink" style="background-color: #bb3b6b"></div>
                <div title="light-purple" class="predefined-skins light-purple" data-skinname="light-purple" style="background-color: #bba6bb"></div>
                <div title="orange" class="predefined-skins orange" data-skinname="orange" style="background-color: #dd6153"></div>
                <div title="bright-green" class="predefined-skins bright-green" data-skinname="bright-green" style="background-color: #8cbb75"></div>
                <div title="dark-blue" class="predefined-skins dark-blue" data-skinname="dark-blue" style="background-color: #2580b1"></div>
                <div title="oil" class="predefined-skins oil" data-skinname="oil" style="background-color: #9b9e40"></div>
                <div title="black" class="predefined-skins black" data-skinname="black" style="background-color: #5f5d5c"></div>
                <div title="light-brown" class="predefined-skins light-brown" data-skinname="light-brown" style="background-color: #d06f71"></div>
                <div title="coffee" class="predefined-skins coffee" data-skinname="coffee" style="background-color: #9d634c"></div>
                <div title="flat-blue" class="predefined-skins flat-blue" data-skinname="flat-blue" style="background-color: #3498db"></div>
            </div>

            <div class="skin-chooser-label">
                Custom Colors
            </div>

            <div class="skin-chooser-row skin-chooser-row-open">
                <div class="skin-chooser-elements">
                    <div class="color-chooser-group-label">
                        <i class="icon-angle-right"></i> Choose your skin color
                    </div>
                    <div class="color-chooser-input">
                        <input type="text" name="skin_color" id="skin_color" class="input-colorpicker"
                               value="#279FBB" />
                        <label class="color-preview" for="skin_color"
                               style="background-color: #279FBB"></label>
                    </div>
                </div>
            </div>
            <div class="skin-chooser-label">
                Patterns Background
            </div>

            <div class="skin-chooser-row skin-chooser-row-open">
                <div class="pattern pattern-black-twill" data-body-class="bgpattern-black-twill"></div>
                <div class="pattern pattern-dark-fish-skin" data-body-class="bgpattern-dark-fish-skin"></div>
                <div class="pattern pattern-escheresque-ste" data-body-class="bgpattern-escheresque-ste"></div>
                <div class="pattern pattern-grey" data-body-class="bgpattern-grey"></div>
                <div class="pattern pattern-knitting250px" data-body-class="bgpattern-knitting250px"></div>
                <div class="pattern pattern-p4" data-body-class="bgpattern-p4"></div>
                <div class="pattern pattern-p5" data-body-class="bgpattern-p5"></div>
                <div class="pattern pattern-p6" data-body-class="bgpattern-p6"></div>
                <div class="pattern pattern-ps-neutral" data-body-class="bgpattern-ps-neutral"></div>
                <div class="pattern pattern-pw-maze-white" data-body-class="bgpattern-pw-maze-white"></div>
                <div class="pattern pattern-pw-pattern" data-body-class="bgpattern-pw-pattern"></div>
                <div class="pattern pattern-retina-wood" data-body-class="bgpattern-retina-wood"></div>
                <div class="pattern pattern-shattered" data-body-class="bgpattern-shattered"></div>
                <div class="pattern pattern-subtle-dots" data-body-class="bgpattern-subtle-dots"></div>
                <div class="pattern pattern-subtle-surface" data-body-class="bgpattern-subtle-surface"></div>
                <div class="pattern pattern-whitediamond" data-body-class="bgpattern-whitediamond"></div>
            </div>

            <div class="skin-chooser-label">
                Images Background
            </div>
            <div class="skin-chooser-row skin-chooser-row-open">
                <div class="image-chooser tuscany-thumb" data-body-class="bg-tuscany"></div>
                <div class="image-chooser tracks-thumb" data-body-class="bg-tracks"></div>
                <div class="image-chooser blurred-lines-thumb" data-body-class="bg-blurred-lines"></div>
                <div class="image-chooser mountain-thumb" data-body-class="bg-mountain"></div>
            </div>



        </div>
        <a href="#" class="arrow-left  icon-cogs" id="show_hide_skin_chooser"></a>

    </div>
    <!-- end remprod -->
    <script type="text/javascript" src="js/_jq.js"></script>

    <script type="text/javascript" src="js/_jquery.placeholder.js"></script>

    <!-- remprod -->
    <script type="text/javascript" src="js/_colorpicker.js"></script>
    <script type="text/javascript" src="js/_handlebars.js"></script>
    <script type="text/javascript" src="js/_skins.js"></script>
    <script type="text/javascript" src="js/_skinchooser.js"></script>
    <!-- end remprod -->
    <!-- online -->
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '../../../www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-43664425-1', 'activeaxon.com');
        ga('send', 'pageview');

    </script>
    <!-- end online -->

    <script src="js/activeaxon_menu.js" type="text/javascript"></script>
    <script src="js/animationEnigne.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/easypiecharts.js" type="text/javascript"></script>
    <script src="js/ie-fixes.js" type="text/javascript"></script>
    <script src="js/jquery.base64.js" type="text/javascript"></script>
    <script src="js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>
    <script src="js/jquery.cycle.js" type="text/javascript"></script>
    <script src="js/jquery.cycle2.carousel.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.easytabs.js" type="text/javascript"></script>
    <script src="js/jquery.eislideshow.js" type="text/javascript"></script>
    <script src="js/jquery.flexslider.js" type="text/javascript"></script>
    <script src="js/jquery.infinitescroll.js" type="text/javascript"></script>
    <script src="js/jquery.isotope.js" type="text/javascript"></script>
    <script src="js/jquery.parallax-1.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script src="js/jQuery.scrollPoint.js" type="text/javascript"></script>
    <script src="js/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
    <script src="js/jquery.themepunch.revolution.js" type="text/javascript"></script>
    <script src="js/jquery.tipsy.js" type="text/javascript"></script>
    <script src="js/jquery.validate.js" type="text/javascript"></script>
    <script src="js/jQuery.XDomainRequest.js" type="text/javascript"></script>
    <script src="js/retina.js" type="text/javascript"></script>
    <script src="js/timeago.js" type="text/javascript"></script>
    <script src="js/tweetable.jquery.js" type="text/javascript"></script>
    <script src="js/zeina.js" type="text/javascript"></script>
</body>
</html>
